<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/bootstrap.css"  rel="stylesheet">
<link href="css/bootstrap-theme.css"  rel="stylesheet">

<script type="text/javascript" charset="utf-8" src=".js/cordova.js"></script> 
<script type="text/javascript" charset="utf-8" src="js/jquery.js"></script> 
<script type="text/javascript" charset="utf-8" src="js/bootstrap.js"></script>
<style>
	
	@media screen and (max-width: 980px) {
		
	 }

	/* Small devices (tablets, 768px and up) */
	@media screen and (max-width: 700px) {
		
	 }
	
	/* Medium devices (desktops, 992px and up) */
	@media screen and (max-width: 480px) {
		
	  }
	* {
		font-family:微软雅黑;
	}
	/* Large devices (large desktops, 1200px and up) */
	/*
		名字
		介绍
		开始时间
		收费状态
		球
		地点选取
		
	*/
</style>
</head>
<body>
	<div class="container" id="context">
    		<div class="row" style="height:100%">
            	 <div class="col-md-12" style="background-color:rgb(254,157,52);height:15%;color:#FFF">
                 		<div style="height:100%;width:20%;float:left"><img src="images/main/logo-1.png" style="height:100%"></div>
                        <div style="height:100%;width:80%;float:left" class="text-center">
                        		<div style="height:60%;font-size:35px;">约球助手</div>
                                <div style="height:40%;font-size:12px;">球友们，让我们约在一起把！</div>
                        </div>
                   
           		 </div>
                 <div class="col-md-12" style="background-color:#fff;height:85%;">
                  		<div class="center-block" >
                       		 <br/>
                            <div class="input-group">
                              <span class="input-group-btn">
                                <button class="btn btn-default" type="button">标&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;题</button>
                              </span>
                              <input type="text" class="form-control" id="name">
                            </div><!-- /input-group -->
                            <br/>
                            
                            <div class="input-group">
                              <span class="input-group-btn">
                                <button class="btn btn-default" type="button">介&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;绍</button>
                              </span>
                             <textarea class="form-control" rows="3"></textarea>
                            </div><!-- /input-group -->
                            <br/>
                              <div class="input-group">
                              <span class="input-group-btn">
                                <button class="btn btn-default" type="button">开始时间</button>
                              </span>
                              <input type="date" class="form-control" >
                              <input type="time" class="form-control"  >
                            </div><!-- /input-group -->
                            <br/>
                              <div class="input-group">
                                  <span class="input-group-btn ">
                                    <button class="btn btn-default" type="button">收费状态</button>
                                  </span>
                                  <div class="radio-inline col-xs-2  col-xs-offset-2 ">
                                      <label>
                                        <input type="radio" name="free"   value="0" checked>
                                       否
                                       </label>
                                  </div>
                                   <div class="radio-inline col-xs-2  col-xs-offset-2 ">
                                      <label>
                                        <input type="radio" name="free"   value="1" checked>
                                       是
                                       </label>
                                  </div>
                                 <div class="input-group col-xs-7 " style="display:none">
                                  <input type="text" class="form-control" placeholder="收费价格" >
                                  <span class="input-group-addon">￥</span>
                                </div>

                            </div><!-- /input-group -->
                            <br/>
                              <div class="input-group">
                                  <span class="input-group-btn">
                                    <button class="btn btn-default " type="button">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;球&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</button>
                                  </span>
                                   <div class="radio-inline col-xs-offset-2">
                                  <label>
                                    <input type="radio" name="ball"   value="1" checked>
                                    是
                                  </label>
                                  
                                 </div>
                                 <div class="radio-inline">
                                  <label>
                                    <input type="radio" name="ball"   value="0"  >
                                   否
                                  </label>
                                </div>
                                
                            </div><!-- /input-group -->
                            <br/>
                          
                            <br/>
                     		<button type="button" class="btn btn-default btn-lg btn-block" onClick="href('./map.html')">下一步，选取地点</button>
                              <br/>
                        </div>
                 </div>


           		 </div>
            </div>
    </div>
</body>
<script>
	var cheight=document.documentElement.clientHeight;
	var context=document.getElementById("context");
	context.style.height=cheight+"px";
	
	function href(url){
		window.location.href=url;
		}
	
	
</script>
</html>